<!doctype html>
<html>

  <head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <style>
      .content {
        padding: 1rem;
        margin-top: 50px;
        font-size: .9rem;
      }
      .content>img {
        display: block;
        margin: 50px auto 0;
        width: 50px;
      }
      .money {
        text-align: center;
        font-size: 2rem;
        margin: 1rem auto;
        color: orangered;
      }
      .my-input{
        width: 80% !important;
        margin: auto;
        display: block;
      }
      .my-btn{
        width: 65% !important;
        padding: 5px 0 !important;
        margin: 10px auto !important;
      }
    </style>
  </head>
  <body>
    <header class="mui-bar mui-bar-nav">
      <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
      <h1 class="mui-title">提现</h1>
    </header>
    <div class="content">
      <img src="../images/money.png" alt="">
      <div class="money">
        <i class="fa fa-rmb" aria-hidden="true"></i>
        <span>1000.00</span>
      </div>
      <div class="mui-input-row">
        <input class="my-input" type="text" placeholder="请输入提现金额">
      </div>
      <button type="button" class="mui-btn mui-btn-red mui-btn-block my-btn">申请</button>

    </div>
    <script src="../js/mui.min.js"></script>
    <script type="text/javascript">
      mui.init()
      mui('.content').on('tap','.my-btn',function(){
        mui.toast('提交成功，请等待审批完成！')
      }) 
    </script>
  </body>

</html>
